@import "../../app";

body{
  background: #ededed;
}
.lawyer-wrap {
  padding-bottom: 90px;
  .option-wrap {
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    .option-item {
      display: block;
      flex-direction: row;
      justify-content: flex-start;
      width: 100%;
      flex-wrap: wrap;
      .option {
        display: inline-block;
        margin-right: 10px;
        font-size: @font-size-28;
        color: @font-base-color;
        height: 100%;
        padding: 0 15px;
      }

      .option-active {
        background: @border-color;
        color: @font-light-color;
        border-radius: 100px;
      }
    }
  }

  .list-2 {
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    .item {
      height: 180px;
      border-bottom: 1px solid @border-color;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      overflow: hidden;
      .lawyer-header {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .lawyer-info{
        flex-grow: 2;
        padding-left: 20px;
        .line1{
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
        }
        .lawyer-title{
          font-size: @font-size-28;
          color: @font-base-color;
        }
        .lawyer-help{
          color: @font-gray-color;
          font-size: @font-size-24;
        }
        .line2{
          line-height: 40px;
          padding-bottom: 5px;
          .address{
            color: @font-gray-color;
            font-size: @font-size-28;
          }
          .line{
            margin: 0 10px;
            width: 1PX;
            background: @font-gray-color;
            display: inline-block;
            height: 20px;
          }
        }
        .label{
          color: @font-light-color;
          border-radius: 10px;
          border: 1.1px solid @font-light-color;
          display: inline-block;
          margin-right: 10px;
          font-size: @font-size-24;
          padding: 0 15px;
        }
      }
      .rz{
        flex-shrink: 0;
        width: 95px;
        height: 95px;
      }
    }
  }

}
